import React, { useEffect, useState, useRef } from 'react'
import styles from './index.less'
import { useForm } from 'react-hook-form';
import { Toast } from 'antd-mobile'
import { useIntl } from 'umi';
function Index() {
  const {
    register,
    handleSubmit,
    setValue,
    formState: { errors },
  } = useForm();
  let phoneReg = /^1[0-9]{10}$/
  function onSubmit(data) {
    // console.log(data, 'data')
    if (data.name) {
      // console.log(data.phone, 'data.phone')
      if (!phoneReg.test(data.phone)) {
        Toast.fail(intl.formatMessage({ id: 'PLEASE_ENTER_THE_CORRECT_PHONE_NUMBER' }))
        return
      }
    }
  }
const intl = useIntl();

  return (
    <div className={styles.page}>
      <p className={styles.title}>
        关于2022年”第三十一届中国国际自行车展览会“
      <br />
      收取展位定金的通知
      </p>
      <p className={styles.text}>
        尊敬的展商：
      </p>
      <p className={styles.text}>
        您好！
      </p>
      <p className={styles.text}>
        感谢贵司一直以来对中国国际自行车展览会（以下简称“中国展”）的鼎力支持与关注!
      </p>
      <p className={styles.text}>
        2022年，为了更好的服务于企业、尽量满足企业参展的需求，我们将在坚持“分类布局、统筹安排”原则的同时，还将继续采取“预付定金、预订展位”的方法，让展位安排更趋合理，让更多的企业参与展会，提高“中国展”的规范性和专业性。具体实施细则如下：
      </p>
      <p className={styles.text}>
        一、企业在收到本通知书之日起至2021年7月31日前，通过以下报名方式任选其一：1、扫描“中国展”官方微信，点击“参展申请”→ 在线填写展位预定协议；2、进入中国展官网首页，点击“展商”→“参展申请”→在线填写展位预定协议；3、填写2022展《参展回执》，并回传至组委会。同时，按每3000元/9㎡支付展位定金，组委会在收到定金后，将根据企业预订的数量（面积）及往年参展的情况，统筹考虑安排展位及数量（最终以组委会9月20日后上传至网站展商中心的参展合同为准）。
      </p>
      <p className={styles.text}>
        二、凡同时符合以下二个条件的企业，组委会将给予展位费总额2%的优惠，（优惠价格体现在《参展合同》中）
      </p>
      <p className={styles.text}>
        1、于2021年7月31日之前支付展位定金的；
      </p>
      <p className={styles.text}>
        2、于《参展合同》限定期内付清展位余款的。
      </p>
      <p className={styles.text}>
        三、若企业在支付展位定金后确因公司发生变化或其它客观因素而导致不能参展，须于2021年9月20日之前以书面形式通知组委会，组委会经核实后将退还全部定金，并不再安排（保留）展位；逾期则定金不予退还。
      </p>
      <p className={styles.text}>
        四、正式《参展合同》将于2021年9月20日后上传至展会官网展商中心，企业在收到合同后根据组委会安排的展位、数量（面积）及合同金额，支付展位余款，组委会收到全部款项后将开具全额发票。
      </p>

      <div className={styles.bottom}>
        <p className={styles.text}>
          收款单位：上海协升展览有限公司
      </p>
        <p className={styles.text}>
          银行账号：4572 5925 2955
      </p>
        <p className={styles.text}>
          开户银行：中国银行上海市真北路支行
      </p>
        <div>
          <img className={styles.qr} src={require('./qr.png')}></img>
          <img className={styles.img} src={require('./img3.png')}></img>
        </div>
      </div>

    </div>
  )
}

export default Index
